<!DOCTYPE html>
<html lang="en">

<head>
    #include("./common/head.htm")
</head>

<body>
    #include("./common/header.htm")
    <div id="mainBody">
        <div class="container">
            <div class="row">
                #include("./common/sidebar.htm")
                <div class="span9" id="records-table">
                    <ul class="breadcrumb">
                        <li><a href="/view/catalog-main.html">首页</a> <span class="divider">/</span></li>
                    </ul>
                    <h2>我的浏览记录</h2>
                    <br>
                    
                    <br>
                    <table class="table table-striped table-bordered table-condensed">
                            <tr>
                                <th>#</th>
                                <th>商品图片</th>
                                <th>商品名称</th>
                                <th>价格</th>
                                <th>库存</th>
                                <th>综合评分</th>
                                <th>浏览时间</th>
                            </tr>
                        <tr v-for="(record,index) in records">
                            <td>{{index+1}}</td>
                            <td><a :href="'/view/product_details.html?itemid='+record.itemid"><img style="height: 100px;" :src="record.src" :alt="record.description"></a></td>
                            <td><a :href="'/view/product_details.html?itemid='+record.itemid">{{record.description}}</a></td>
                            <td>{{record.price.toFixed(2)}}</td>
                            <td>{{record.stock}}</td>
                            <td>{{record.star.toFixed(2)}}</td>
                            <td>{{record.time}}</td>
                        </tr>
                    </table>
                </div>

            </div>
        </div>
    </div>
    <!-- MainBody End ============================= -->
    #include("./common/footer.htm")
</body>

</html>